<template>
  <button
    class="q-click-wrapper b10gcu9l bobc9nh b1cg7ppz c1nud10e qu-active--bg--darken qu-borderRadius--pill qu-alignItems--center qu-justifyContent--center qu-whiteSpace--nowrap qu-userSelect--none qu-display--inline-flex qu-tapHighlight--white qu-textAlign--center qu-cursor--pointer qu-hover--bg--darken"
    height="30"
    role="button"
    tabindex="0"
    style="
      font: inherit;
      padding: 0px 10px;
      transition-property: box-shadow, background-color;
      transition-duration: 60ms;
      transition-timing-function: ease-out;
      height: 30px;
      min-width: 30px;
      position: relative;
      border-width: 0px;
      outline: none;
      color: inherit;
      background-color: transparent;
    "
  >
    <div
      class="q-flex qu-alignItems--center qu-justifyContent--center"
      style="
        max-width: 100%;
        transition-property: opacity;
        transition-duration: 60ms;
        transition-timing-function: ease-in-out;
      "
    >
      <div
        class="q-text qu-display--inline-flex qu-alignItems--center qu-overflow--hidden puppeteer_test_button_text qu-medium qu-color--gray qu-ellipsis"
        style="font-size: 13px"
      >
        <div
          class="q-text qu-ellipsis qu-whiteSpace--nowrap"
          style="line-height: normal"
        >
          {{ text }}
        </div>
      </div>
    </div>
  </button>
</template>

<script>
export default {
  name: 'TextBtn',
  props: {
    text: String,
    icon: String,
  },
};
</script>
